<!-- 品牌管理 -->
<template>
    <div>
          <a-tabs  v-model="activeKey" >
            <a-tab-pane :tab="item.name" v-for="item in typeList" :key="item.name">
                <Description :type="item.id" :typeName="item.name" />
            </a-tab-pane>
        </a-tabs>
        <!-- <Coslors v-if="activeKey=='1'" ></Coslors>
        <Zone v-if="activeKey=='2'" ></Zone> -->
        
    </div>
</template>

<script>
import Coslors from './colors';
import Zone from './zone';
import Description from './description';
export default {
    data () {
        return {
            activeKey:"商品仓库配置",
            typeList: [
                { id: '0', name: '商品仓库配置'},
                // { id: '1', name: '商品分区配置'},
                { id: '2', name: '商品颜色配置'},
                { id: '3', name: '商品等级配置'},
                { id: '4', name: '商品周期配置'},
                { id: '5', name: '商品枝干配置'},
                { id: '6', name: '商品单位配置'},
                { id: '7', name: '商品花型配置'},
            ],
        };
    },
     components: {
        Coslors,
        Zone,
        Description,
    },
    created(){
    },
    methods: {
      
    }
}

</script>
<style scoped>

</style>